2022年底參加了「前端工程師養成班」開啟了不歸路,從HTML、CSS開始學習切版、RWD(Responsive Web Design)[響應式網頁設計],接著再到原生JavaScript學習ES6的寫法,學習過程中滿滿的挫折感(邏輯會突然卡死?),只能求救班上的大神幫忙,但仍然是帶困惑進入框架的學習。
而前端有三大框架Vue、Angular、React,大部分的養成班都是選擇 Vue 作為專題的框架,而當時在一知半解的情況下,連學的是Vue.js還是Vue都不清楚,Composition API這個Vue3的架構也是直到四個月結業後,開始準備面試題目時才發現:『原來還有這個東西呀!』
但想不到的是進入職場(修羅場)後我竟然不是用 Vue 框架,而是用了 Angular !當時天真的我覺得,寫程式最吸引我的地方大概就是有學不完的東西,跟燒不完的腦。所以面對要再重新學習學新的框架跟TypeScript都是必經之路🫠,只是早走跟晚走的差別,但經過了將近半年的Angular荼毒,猛地回神發現我和 Vue 已經不是很熟悉,我們此時已是最熟悉的陌生人,因此希望透過鐵人賽記錄重新學習 Vue 的過程,釐清當時的疑惑(Vue2、Vue3傻傻分不清楚),並且盡自己所能地比較 Vue 和 Angular 的差異。
承上述,因為在養成班期間太多模糊不清的地方,因此以下幾點是主要的攻略範圍
後續會持續更新目錄,另文章若有錯誤之處敬請指出。
Vue框架也推出了10年了,有許多鑽研Vue框架許久的前輩們,有許多知識盲點都是從他們身上得到,寫這個系列文主要是記錄我的學習狀況,若有雷同處那是真的抄作業◑ω◐
重新認識 Vue.js | Kuro Hsu
Vue3官方文檔
Vue2官方文檔
Alex 宅幹嘛:Vue 3 宅家輕鬆玩